<template>
  <div style="background-color: #f4f4f4; height: 100%">
    <div :class="prefixCls">
      <MsgReceiverVerifyResult :class="prefixCls + '-item'"/>
    </div>
  </div>
</template>
<script lang="ts" setup>
  import { ref, watch, unref } from 'vue';
  import { PageWrapper } from '/@/components/Page';
  import { useDesign } from '/@/hooks/web/useDesign';
  import MsgReceiverVerifyResult from './components/MsgReceiverVerifyResult.vue'
  const { prefixCls } = useDesign('verify-result');


</script>

<style lang="less" scoped>
  @prefix-cls: ~'@{namespace}-verify-result';

  .@{prefix-cls} {
    display: flex;
    padding-top: 50px;
    justify-content: center;
    transition: all 0.2s ease;
    height: 90%;

    &-item {
      width: 80%;
      height: 60%;
      background-color: #ffffff;
    }
  }
</style>
